$.fn.accordion =function(colors,width) {
    colors =colors || [];
    width = width || 60.5;

    var $li = this.find("li");//找到当前元素下的li  ， find() 方法返回被选元素的后代元素。
    var boxwidth = this.width();//当前DIV的宽度
    var $max = boxwidth - ($li.length - 1) * width;//最大宽度
    var $avg = boxwidth / $li.length;//平均宽度

    //  index - 选择器的 index 位置
    //  element - 当前的元素（也可使用 "this" 选择器）
    $li.each(function (index,element) {
        $(element).css("backgroundColor",colors[index])
    });

    $li.mouseenter(function () {
        $(this).siblings("li").stop().animate({width: width});
        $(this).stop().animate({width:$max});
    }).mouseleave(function () {
        $li.stop().animate({width:$avg});
    });
};